<template>
	<div class="cate">
		<h2>{{title}}分类</h2>
		<!-- 声明一个插槽（通俗理解：在此处“挖个坑”，等着组件的使用者去“填点土”） -->
		<slot name="s1">插槽内的默认结构（仅当组件的使用者不向插槽中填入数据的时候起作用）</slot>
		<slot name="s2">插槽内的默认结构（仅当组件的使用者不向插槽中填入数据的时候起作用）</slot>
	</div>
</template>

<script>
	export default {
		name:'Category',
		props:['resource','title']
	}
</script>

<style scoped>
	.cate{
		width: 200px;
		height: 300px;
		background-color: skyblue;
		padding-top: 10px;
	}
	h2{
		background-color: orange;
		text-align: center;
	}
	img{
		width: 100%;
	}
	video{
		width: 100%;
	}
</style>